<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>百度一下，你就知道</title>
    </head>
    <body>
        <div class="web-outer">
            <div id="head">
                <div id="top-left">
                    <a href="http://news.baidu.com/" target="_blank">新闻</a>
                    <a href="https://www.hao123.com" target="_blank">hao123</a>
                    <a href="http://map.baidu.com" target="_blank">地图</a>
                    <a href="http://tieba.baidu.com" target="_blank">贴吧</a>
                    <a href="https://haokan.baidu.com/" target="_blank">视频</a>
                    <a href="http://image.baidu.com/" target="_blank">图片</a>
                    <a href="https://pan.baidu.com/" target="_blank">网盘</a>
                </div>
                <div id="top-right">
                    <div id="top-login-btn">登录</div>
                </div>
            </div>
            <div id="outer-mid">
                <div id="mid">
                    <div id="logo-outer">
                        <figure id="logo" title="点击一下，了解更多"></figure>
                    </div>
                    <div id="search-div">
                        <div id="search-input">
                            <input>
                            <div id="search-btn">百度一下</div>
                        </div>
                    </div>
                    <div id="hot-title">百度热榜</div>
                    <ul id="hot">
                        <li>
                            <span class="hot-order hot-order-1">1</span><span class="hot-content">沙伊两国在北京握手言和</span><span class="hot-tag hot">热</span>
                        </li>
                        <li>
                            <span class="hot-order">4</span><span class="hot-content">TES主教练暂离赛场</span>
                        </li>
                        <!-- TODO: 完成剩余部分的代码 -->
                    </ul>
                </div>
            </div>
            <div id="footer">本网页仅用于软工实验使用</div>
            <!-- 引入核心代码，请不要修改 -->
            <script src="code/index.js"></script>
        </div>
        <style>
            #logo{
                background-image: url('./img/logo.png');
            }
        </style>
    </body>
</html>